<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html>
<head>
    <title>CSS Test:  :not(.class) set and get through OM</title>
</head>
<body>
    <p>The test passes if the word PASS appears below.</p>
    <div id="testresult" style="color: blue">Running</div>
    <script type="text/javascript">
        function AddSelectorAndCompare(selector, expectedValue)
        {
            var ss = null;
            var styleElem = document.createElement("style");
            styleElem.type = "text/css";
            document.body.appendChild(styleElem);
            var ss = document.styleSheets[0];
            var bPass = false;
            ss.insertRule(selector + "{zindex:1}", 0);
            selector = ss.cssRules[0].selectorText;
            if (expectedValue == selector)
            {
                bPass = true;
            }
            else
            {
                ResultComment = "Unexpected value returned for the selector: " + selector + " Expected: " + expectedValue;
                bPass = false
            }
            return bPass;
        }

        function TestCase()
        {
            try
            {
                var selVal = ":not(.classy)";
                if (AddSelectorAndCompare(selVal, selVal))
                {
                      document.getElementById("testresult").innerHTML = "Pass";
                      return;
                }
            }catch(e){}
            document.getElementById("testresult").innerHTML = "Fail";
        }
        TestCase();
    </script>

    

</body>
</html>
